@media all and (min-width: 800px) {
	#nav {
		width: 300px;
		float: left;
		margin-right: 20px;
	}
	
	
	#BillingAddress, #ShippingAddress, #AgreementDuration, #ServiceSchedule, #PaymentOptions, #ChardonApproval, #ChardonScheduleTable, #canvasContainer1{
		width: 300px;
		float: left;
		margin-right: 20px;
	}
	
	
	#ServiceMonthsTable{
	border: 1px solid black;
	}
	
	
	
	#grid {
		width: 450px;
		float: left;
	}
}

@media all and (max-width: 799px) {
	#nav {
		width: 100%;
	}
	
	#BillingAddress, #ShippingAddress, #AgreementDuration, #ServiceSchedule, #PaymentOptions, #ChardonApproval, #ChardonScheduleTable, #canvasContainer1{ 
		width: 100%;
	}
	
	
	#grid {
		width: 100%;
	}
}

.ui-bar {
	height: 120px;
}

#canvasContainer {
	position:relative;
	border: 2px solid #888888;
	background-color: #EEEEEE;
	border-radius: 25px;
	width:100%;	
  	height: 200px;
}

#signature {
  height: 200px;
  width: 100%;
}

.small-button{
	height:15%; 25px;
	width:15%; 25px;
}

.canvas-Class { border: dashed 1px black; border-radius: 5px; } 

.small-wide { border: solid 1px black; border-radius: 5px; width:35px } 
.visits, .firstYear, .secondYear { border: solid 1px black; border-radius: 5px; width:35px } 


/* Schedule 11 Form */

.Schedule11-TextArea {height:100px;
 width:97%;
 border-radius: 10px;}
 
 // cellpadding
th, td { padding: 5px; }


.Schedule12-TextArea {height:100px;
 width:97%;
 border-radius: 10px;}
 
 // cellpadding
th, td { padding: 5px; }



